【百度地图API】让用户选择起点和终点的驾车导航

摘要：

　　如果用户搜索“从机场到火车站”，使用驾车导航DrivingRoute会默认显示一条结果。但同一个城市可能有多个机场和火车站，那么，如何用可视化的方法让用户自己选择起点和终点呢？答案是，使用数据接口。数据接口，可以让百度地图API的数据，按照自定义的形式展示。

　　这个功能非常实用，学会这个方法，可以让您的地图更加接近百度地图的功能！！

-----------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------

一、创建地图与网页样式

创建一张简单的地图，只需要3句话。

然后，我们制作出两个输入框，分别是起点输入框，和终点输入框。

使用“驾车”按钮，获取输入框中的数据。

二、创建搜索实例

对于起点和终点，我们需要创建2个不同的搜索实例：

在点击“驾车”按钮后，开始搜索起点和终点都有哪些符合关键词的地方（POI点）。

三、搜索的数据接口

由于AJAX是异步加载的，我们使用百度地图API提供的回调函数onSearchComplete，来完成对搜索成功后的操作。

以起点的搜索为例：

当搜索成功后，把每一个搜索结果（POI），按照我们自定义的方式，列在面板中。其实，这里我们只使用了数据接口，没用百度默认的结果面板。